<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/**
			 * a的四个伪类优先级是一样的。
			 * 点击的时候，同时满足 active和hover 两个状态
			 * 但是这两个优先级相同，那么会选择写在下面的样式。
			 * 这里的hover不能写在active下面
			 * 但是link和visited两个样式不能写在hover和active
			 * 下面。否则hover和active的样式会被覆盖。
			 * 顺序为 l v h a 口诀为：love hate
			 */
			
			a:link{
				color: yellowgreen;
			}
			
			a:visited{
				color: red;
			}
			
			a:hover{
				color: orange;
			}
			
			a:active{
				color: blue;
			}		
			
		</style>
	</head>
	<body>
		<a href="http://www.baidu.com">访问过的连接</a>
		<br>
		<br>
		<a href="http://www.baidu.com">未访问过的连接</a>
	</body>
</html>
